<section class="homepage">
  <div class="banner p{{bgClass}}">
    <div class="center-block">
      <p>快速专题系统是一款高效简洁的专题制作工具</p>
      <small>“Big things have small beginnings”.</small>
      <div>
        <a href="#/{{TOPICID}}/templates" class="templates"><span></span>进入模板库</a>  <a class="watch-video" ng-click="watchVideo()"><span></span>播放视频教程</a>
      </div>
    </div>
  </div>

  <div class="template-list center-block clearfix">
    <div class="title">热门模板</div>
    <div>
      <div class="template-item" data-id="{{tmpl.id}}" ng-repeat="tmpl in templates" ng-click="tmplDetail($index)">
        <img width="220" height="300" ng-src="{{tmpl.thumbnail}}">
        <div class="name">{{tmpl.name}}</div>
        <div class="count">{{tmpl.count}}次使用</div>
      </div>
    </div>
  </div>
</section>
